<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
<link href="../css/default.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../js/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../css/newcss.css" />
<link rel="stylesheet" type="text/css" href="../js/themes/icon.css" />
<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>

<script type="text/javascript" src="../js/locale/easyui-lang-zh_CN.js"></script>

</head>
<body style="width: 100%; height: 100%; padding: 0pt; overflow: hidden;">
<script type="text/javascript">
$(function(){
//在所有单元格上添加空格
$('#Search').click(function (){
$('#useradd').submit();
}
);
$('.datagrid-body tr').hover(
  function(){
    
	    $(this).addClass("datagrid-row-over");    //鼠标经过添加hover样式
  },
  function(){
    $(this).removeClass("datagrid-row-over");   //鼠标离开移除hover样式
  }
);
$('#btn').linkbutton(options);
});
</script>
<form action="#" method="post" id="useradd">

		
<div  style="height:40px;margin:10px; padding-left:20px; padding-top:10px; background-color:#FFFFCC;border:2px solid #8DB2E3;">

  <a href="manageradd.html" class="easyui-linkbutton" plain="true" icon="icon-add">添加</a>
		<a href="#" class="easyui-linkbutton" plain="true" icon="icon-cut">删除</a>
		&nbsp;
  <select name="select" class="easyui-combobox" panelHeight="auto" editable="flases">
    <option value="name">用户名：</option>
    <option value="zsname">真实姓名：</option>
  </select>
  &nbsp;
 <input name="name" type="text"  class="number"/>
  开始时间：<input id="dd" class="easyui-datebox" required="true"></input>
  结束时间：<input id="dd2" class="easyui-datebox " />
  <a href="#" class="easyui-linkbutton" icon="icon-search" id="Search">Search</a>
 
  
</div>
<div class="panel datagrid" style="width: 98%;padding:0px; margin:10px;border:1px solid #99BBE8; background-color:">

  <div class="panel-header">
    <div class="panel-title">组列表</div>
    <div class="panel-tool"></div>
  </div>
  <div class="datagrid-wrap panel-body" title="" style="width: auto; height: auto;">
    <div class="datagrid-wrap panel-body" title="" style="width: 100%;height:auto;">
      <div class="datagrid-view" style="width:100%;height:295px;">
        
        <div class="datagrid-view2" style="width:100%; left: 0px; background-color:#FFFFFF" >
        
		  
          <div class="datagrid-body" style="width: 100%; ">
            <table cellspacing="0" cellpadding="0" border="0" width="100%;">
              <tbody>
			  <tr>
	<th scope="col" width="20%;"><input name="che" type="checkbox" value="all" />Item ID</th>
    <th scope="col" width="20%;">Item ID</th>
    <th scope="col" width="15%;">Item ID</th>
	<th scope="col" width="15%;">Item ID</th>
    <th scope="col" width="15%;">Item ID</th>
    <th scope="col" width="15%;">Item ID</th>
	</tr>
                <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>
				     <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>  <tr datagrid-row-index="0" class="">
                  <td field="itemid"><div class="datagrid-cell " ><input name="che" type="checkbox" value="all" /></div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><div class="datagrid-cell " >FI-SW-01</div></td>
				   <td field="itemid"><div class="datagrid-cell " >EST-1</div></td>
                  <td field="productid"><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-edit" title="修改"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-cut" title="删除"></a><a href="#" class="easyui-linkbutton"  plain="true" icon="icon-redo" title="更多"></a></td>
                 
                </tr>
                
              </tbody>
            </table>
          </div>
         
		 
        </div>
      
      </div>
    </div>
	
    <div class="datagrid-pager pagination">
      <table cellspacing="0" cellpadding="0" border="0">
        <tbody>
          <tr>
            <td>
			<select class="pagination-page-list">
                <option>10</option>
                <option>20</option>
                <option>30</option>
                <option>40</option>
                <option>50</option>
            </select>
			</td>
			
         
			
            <td><a icon="pagination-first" href="javascript:void(0)" class="l-btn l-btn-plain l-btn-disabled"><span class="l-btn-left"><span class="l-btn-text"><span class="l-btn-empty pagination-first">&nbsp;</span></span></span></a></td>
			
            <td><a icon="pagination-prev" href="javascript:void(0)" class="l-btn l-btn-plain l-btn-disabled"><span class="l-btn-left"><span class="l-btn-text"><span class="l-btn-empty pagination-prev">&nbsp;</span></span></span></a></td>
			
            <td><div class="pagination-btn-separator"></div></td>
			
            <td><span style="padding-left: 6px;">第</span></td>
            <td><input type="text" size="2" value="1" class="pagination-num"></td>
            <td><span style="padding-right: 6px;">共3页</span></td>
			
            <td><div class="pagination-btn-separator"></div></td>
			
            <td><a icon="pagination-next" href="javascript:void(0)" class="l-btn l-btn-plain"><span class="l-btn-left"><span class="l-btn-text"><span class="l-btn-empty pagination-next">&nbsp;</span></span></span></a></td>
			
            <td><a icon="pagination-last" href="javascript:void(0)" class="l-btn l-btn-plain"><span class="l-btn-left"><span class="l-btn-text"><span class="l-btn-empty pagination-last">&nbsp;</span></span></span></a></td>
			
            <td><div class="pagination-btn-separator"></div></td>
			
            <td><a icon="pagination-load" href="javascript:void(0)" class="l-btn l-btn-plain"><span class="l-btn-left"><span class="l-btn-text"><span class="l-btn-empty pagination-load">&nbsp;</span></span></span></a></td>
			
          </tr>
		  
        </tbody>
      </table>
      <div class="pagination-info">显示1到10,共28记录</div>
	  
    
    </div>
  </div>
</div>
</form>
<script type="text/javascript">
jQuery('#useradd').validate();
</script>
</body>
</html>
